HTMLify

index.html
Views: 128 | Author: cody
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Crash Loader</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 50 600 450" opacity="0">
  <line x1="150" x2="450" y1="300" y2="300" fill="none" stroke="#333" stroke-width="48" stroke-linecap="round"/>
  <line x1="150" x2="450" y1="300" y2="300" fill="none" stroke="#222" stroke-width="30" stroke-linecap="round"/>
  <path stroke-dashoffset="833" stroke-dasharray="834 834" stroke-linecap="round" fill="none" fill-rule="evenodd" stroke="#8ADB2C" stroke-width="18" d="M150,300c0,0,138,0,198,0c112,0,66-122,15-165c-43.9-37-92-10-79,33c7.7,25.5,51.6,47.6,99,36c139-34,67,96,67,96" />
  <text fill="#FFF" transform="translate(145.615 266.265)" font-family="sans-serif" font-size="31">
    loading...
  </text>
  <polygon fill="#FFA06C" points="434 278 424 205 459 286 498 234 479 298 538 275 484 320 542 349 462 335 462 394 439 318 372 356 427 299 372 260" />
  <polygon fill="#FFE45F" points="414 252 440 299 497 233 479 287 529 283 498 315 539 334 476 329 503 382 448 329 432 382 426 317 372 333 420 299" />
  <polygon fill="#FFF" points="434.1 303.9 428.3 261.2 451.7 290.5 457.6 265.4 468.5 296.4 528 252 481.9 303.9 517.1 312.3 469.3 316.5 509.6 341.6 462.6 336.6 458.4 376 443.3 319.8 417.4 357.6 426.6 314 383 298.9" />
</svg>
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js'></script><script  src="./script.js"></script>

</body>
</html>

Comments